<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
/*固定定位  fixed
	脱离文档流,通过top/bottom/left/right让元素相对于窗口的位置不变
*/
	#d1{
		width: 1000px;
		height: 200px;
		background-color: red;
		position: fixed;   /* 固定定位 */
	}
	img{
		margin-top: 210px;
	}
	#d2{
		width: 58px;
		height: 232px;
		background-color: blue;
		position: fixed;
		right: 20px;
		bottom: 100px;
		
	}

</style>
</head>
<body>
	<div id="d1"></div>
	<div id="d2"></div>
	<img src="../imgs/2.jpg">
</body>
</html>